﻿@page "/docs/helpers/enums/common"

<Seo Canonical="/docs/helpers/enums/common" Title="Enums: Common" Description="Learn to use and work with the Blazorise most common enums that help you to modify the elements appearance and their behavior." />

<DocsPageTitle Path="Helpers/Enums/Common">
    Enums: Common
</DocsPageTitle>

<DocsPageLead>
    A value type defined by a series of named constants of the underlying type.
</DocsPageLead>

<DocsPageParagraph>
    We use enum type as a strongly typed options to 
</DocsPageParagraph>

<Alert Color="Color.Info" Visible>
    <AlertDescription>
        <Strong>Note:</Strong> Take note of this caveat when using the following enums:
        <UnorderedList>
            <UnorderedListItem><Code>DisplayType.None</Code> Does not render the html element at all in the page.</UnorderedListItem>
            <UnorderedListItem><Code>Visibility.Default</Code>  Hides the element, but it still takes up space in the page. It is basically invisible.</UnorderedListItem>
        </UnorderedList>
    </AlertDescription>
</Alert>

<DocsPageSection>
    <DocsPageSectionHeader Title="AddonType">
        <Paragraph>Addon element type.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>AddonType.Body</Code> Main addon of a field.</UnorderedListItem>
            <UnorderedListItem><Code>AddonType.Start</Code> Addon will placed at the start of a field.</UnorderedListItem>
            <UnorderedListItem><Code>AddonType.End</Code> Addon will placed at the end of a field.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Alignment">
        <Paragraph>Defines the alignment of an element.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Alignment.Default</Code> No alignment will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>Alignment.Start</Code> Aligns an element to the left.</UnorderedListItem>
            <UnorderedListItem><Code>Alignment.Center</Code> Aligns an element on the center.</UnorderedListItem>
            <UnorderedListItem><Code>Alignment.End</Code> Aligns an element to the right.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Background">
        <Paragraph>Predefined set of contextual background colors.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Background.Default</Code> No color will be applied to an element.</UnorderedListItem>
            <UnorderedListItem><Code>Background.Primary</Code> Primary color.</UnorderedListItem>
            <UnorderedListItem><Code>Background.Secondary</Code> Secondary color.</UnorderedListItem>
            <UnorderedListItem><Code>Background.Success</Code> Success color.</UnorderedListItem>
            <UnorderedListItem><Code>Background.Danger</Code> Danger color.</UnorderedListItem>
            <UnorderedListItem><Code>Background.Warning</Code> Warning color.</UnorderedListItem>
            <UnorderedListItem><Code>Background.Info</Code> Info color.</UnorderedListItem>
            <UnorderedListItem><Code>Background.Light</Code> Light color.</UnorderedListItem>
            <UnorderedListItem><Code>Background.Dark</Code> Dark color.</UnorderedListItem>
            <UnorderedListItem><Code>Background.White</Code> White color.</UnorderedListItem>
            <UnorderedListItem><Code>Background.Transparent</Code> Transparent color.</UnorderedListItem>
            <UnorderedListItem><Code>Background.Body</Code> Body color. Note that body color must be defined through the</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BarCollapseMode">
        <Paragraph>Defines how the bar will be collapsed.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BarCollapseMode.Hide</Code> Bar will be hidden completely when collapsed.</UnorderedListItem>
            <UnorderedListItem><Code>BarCollapseMode.Small</Code> Bar will be collapsed into smaller version with icons.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BarMode">
        <Paragraph>Bar orientation and menu display.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BarMode.Horizontal</Code> Horizontal navbar with dropdown menus.</UnorderedListItem>
            <UnorderedListItem><Code>BarMode.VerticalPopout</Code> Vertical navbar with pop-out menus.</UnorderedListItem>
            <UnorderedListItem><Code>BarMode.VerticalInline</Code> Vertical navbar with inline dropdown menus.</UnorderedListItem>
            <UnorderedListItem><Code>BarMode.VerticalSmall</Code> Small vertical navbar with pop-out menus.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BarTogglerMode">
        <Paragraph>Defines the look and position of the bar toggler.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BarTogglerMode.Normal</Code> The standard inline bar toggler. Supported by Horizontal and Vertical BarModes.</UnorderedListItem>
            <UnorderedListItem><Code>BarTogglerMode.Popout</Code> A popout style bar toggler. Supported only on Vertical BarModes.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BarMenuToggleBehavior">
        <Paragraph>Defines how the bar menu will behave when toggled.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BarMenuToggleBehavior.AllowSingleMenu</Code> Only a single menu will be toggled at a time.</UnorderedListItem>
            <UnorderedListItem><Code>BarMenuToggleBehavior.AllowMultipleMenus</Code> Multiple menus can be toggled at a time.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BorderColor">
        <Paragraph>Predefined set of contextual border colors.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BorderColor.None</Code> No color will be applied to an element.</UnorderedListItem>
            <UnorderedListItem><Code>BorderColor.Primary</Code> Primary color.</UnorderedListItem>
            <UnorderedListItem><Code>BorderColor.Secondary</Code> Secondary color.</UnorderedListItem>
            <UnorderedListItem><Code>BorderColor.Success</Code> Success color.</UnorderedListItem>
            <UnorderedListItem><Code>BorderColor.Danger</Code> Danger color.</UnorderedListItem>
            <UnorderedListItem><Code>BorderColor.Warning</Code> Warning color.</UnorderedListItem>
            <UnorderedListItem><Code>BorderColor.Info</Code> Info color.</UnorderedListItem>
            <UnorderedListItem><Code>BorderColor.Light</Code> Light color.</UnorderedListItem>
            <UnorderedListItem><Code>BorderColor.Dark</Code> Dark color.</UnorderedListItem>
            <UnorderedListItem><Code>BorderColor.White</Code> White color.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BorderRadius">
        <Paragraph>Radius styles of an element.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BorderRadius.Default</Code> Don't apply any borders.</UnorderedListItem>
            <UnorderedListItem><Code>BorderRadius.Rounded</Code> Makes the element rounded on all sides.</UnorderedListItem>
            <UnorderedListItem><Code>BorderRadius.RoundedTop</Code> Makes the element rounded on top side of the element.</UnorderedListItem>
            <UnorderedListItem><Code>BorderRadius.RoundedRight</Code> Makes the element rounded on right side of the element.</UnorderedListItem>
            <UnorderedListItem><Code>BorderRadius.RoundedBottom</Code> Makes the element rounded on bottom side of the element.</UnorderedListItem>
            <UnorderedListItem><Code>BorderRadius.RoundedLeft</Code> Makes the element rounded on left side of the element.</UnorderedListItem>
            <UnorderedListItem><Code>BorderRadius.RoundedCircle</Code> Makes the element as circle shaped.</UnorderedListItem>
            <UnorderedListItem><Code>BorderRadius.RoundedPill</Code> Makes the element as pill shaped.</UnorderedListItem>
            <UnorderedListItem><Code>BorderRadius.RoundedZero</Code> Makes the element without any round corners.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BorderSide">
        <Paragraph>Defines the border sides.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BorderSide.All</Code> Shows the border on all sides of the element.</UnorderedListItem>
            <UnorderedListItem><Code>BorderSide.Top</Code> Shows the border on top side of the element.</UnorderedListItem>
            <UnorderedListItem><Code>BorderSide.Right</Code> Shows the border on right side of the element.</UnorderedListItem>
            <UnorderedListItem><Code>BorderSide.Bottom</Code> Shows the border on bottom side of the element.</UnorderedListItem>
            <UnorderedListItem><Code>BorderSide.Left</Code> Shows the border on left side of the element.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BorderSize">
        <Paragraph>Defines the border sizes.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BorderSize.Default</Code> Border size will not be applied.</UnorderedListItem>
            <UnorderedListItem><Code>BorderSize.Is0</Code> Makes the element borderless.</UnorderedListItem>
            <UnorderedListItem><Code>BorderSize.Is1</Code> Borders will be 1px wide.</UnorderedListItem>
            <UnorderedListItem><Code>BorderSize.Is2</Code> Borders will be 2px wide.</UnorderedListItem>
            <UnorderedListItem><Code>BorderSize.Is3</Code> Borders will be 3px wide.</UnorderedListItem>
            <UnorderedListItem><Code>BorderSize.Is4</Code> Borders will be 4px wide.</UnorderedListItem>
            <UnorderedListItem><Code>BorderSize.Is5</Code> Borders will be 5px wide.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BreadcrumbMode">
        <Paragraph>Defines the breadcrumb activation mode.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BreadcrumbMode.None</Code> No activation will be applied, meaning it must be applied manually by setting the</UnorderedListItem>
            <UnorderedListItem><Code>BreadcrumbMode.Auto</Code> Breadcrumb items will be activated based on current navigation.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Breakpoint">
        <Paragraph>Defines the media breakpoint.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Breakpoint.None</Code> Breakpoint is undefined.</UnorderedListItem>
            <UnorderedListItem><Code>Breakpoint.Mobile</Code> Valid on all devices. (extra small)</UnorderedListItem>
            <UnorderedListItem><Code>Breakpoint.Tablet</Code> Breakpoint on tablets (small).</UnorderedListItem>
            <UnorderedListItem><Code>Breakpoint.Desktop</Code> Breakpoint on desktop (medium).</UnorderedListItem>
            <UnorderedListItem><Code>Breakpoint.Widescreen</Code> Breakpoint on widescreen (large).</UnorderedListItem>
            <UnorderedListItem><Code>Breakpoint.FullHD</Code> Breakpoint on large desktops (extra large).</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="ButtonsRole">
        <Paragraph>Buttons group behaviour.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>ButtonsRole.Addons</Code> Display buttons as addons.</UnorderedListItem>
            <UnorderedListItem><Code>ButtonsRole.Toolbar</Code> Display buttons as toolbar buttons.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="ButtonType">
        <Paragraph>Defines the button type and behaviour.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>ButtonType.Button</Code> The button is a clickable button.</UnorderedListItem>
            <UnorderedListItem><Code>ButtonType.Submit</Code> The button is a submit button (submits form-data).</UnorderedListItem>
            <UnorderedListItem><Code>ButtonType.Reset</Code> The button is a reset button (resets the form-data to its initial values).</UnorderedListItem>
            <UnorderedListItem><Code>ButtonType.Link</Code> The button will be rendered as a link but will appear as a regular button.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="CarouselDirection">
        <Paragraph>Defines the direction of carousel slides.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>CarouselDirection.Previous</Code> Slides will go in reverse, usually right-to-left.</UnorderedListItem>
            <UnorderedListItem><Code>CarouselDirection.Next</Code> Slides will go forward, usually left-to-right.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="CharacterCasing">
        <Paragraph>Specifies the case of characters in an element.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>CharacterCasing.Normal</Code> The case of characters is left unchanged.</UnorderedListItem>
            <UnorderedListItem><Code>CharacterCasing.Upper</Code> Converts all characters to uppercase.</UnorderedListItem>
            <UnorderedListItem><Code>CharacterCasing.Lower</Code> Converts all characters to lowercase.</UnorderedListItem>
            <UnorderedListItem><Code>CharacterCasing.Title</Code> Convert first character to uppercase and all other to lowercase.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="CloseReason">
        <Paragraph>Specifies the reason that a component was closed.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>CloseReason.None</Code> The cause of the closure was not defined or could not be determined.</UnorderedListItem>
            <UnorderedListItem><Code>CloseReason.UserClosing</Code> The user is closing the component through the user interface.</UnorderedListItem>
            <UnorderedListItem><Code>CloseReason.FocusLostClosing</Code> The component has lost focus or user has gone out of bounds.</UnorderedListItem>
            <UnorderedListItem><Code>CloseReason.EscapeClosing</Code> Pressing the escape key is closing the component.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Color">
        <Paragraph>Predefined set of contextual colors.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Color.Default</Code> No color will be applied to an element.</UnorderedListItem>
            <UnorderedListItem><Code>Color.Primary</Code> Primary color.</UnorderedListItem>
            <UnorderedListItem><Code>Color.Secondary</Code> Secondary color.</UnorderedListItem>
            <UnorderedListItem><Code>Color.Success</Code> Success color.</UnorderedListItem>
            <UnorderedListItem><Code>Color.Danger</Code> Danger color.</UnorderedListItem>
            <UnorderedListItem><Code>Color.Warning</Code> Warning color.</UnorderedListItem>
            <UnorderedListItem><Code>Color.Info</Code> Info color.</UnorderedListItem>
            <UnorderedListItem><Code>Color.Light</Code> Light color.</UnorderedListItem>
            <UnorderedListItem><Code>Color.Dark</Code> Dark color.</UnorderedListItem>
            <UnorderedListItem><Code>Color.Link</Code> Link color.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="ColumnWidth">
        <Paragraph>Defines number of columns to occupy in the grid.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>ColumnWidth.Default</Code> No sizing.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is1</Code> One column width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is2</Code> Two columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is3</Code> Three columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is4</Code> Four columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is5</Code> Five columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is6</Code> Six columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is7</Code> Seven columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is8</Code> Eight columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is9</Code> Nine columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is10</Code> Ten columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is11</Code> Eleven columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Is12</Code> Twelve columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Full</Code> Twelve columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Half</Code> Six columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Third</Code> Four columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Quarter</Code> Three columns width.</UnorderedListItem>
            <UnorderedListItem><Code>ColumnWidth.Auto</Code> Fill all available space.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="ControlRole">
        <Paragraph>Custom input roles.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>ControlRole.None</Code> Control doesn't have any special rule.</UnorderedListItem>
            <UnorderedListItem><Code>ControlRole.Check</Code> Control is meant to be used with</UnorderedListItem>
            <UnorderedListItem><Code>ControlRole.Radio</Code> Control is meant to be used with</UnorderedListItem>
            <UnorderedListItem><Code>ControlRole.Switch</Code> Control is meant to be used with</UnorderedListItem>
            <UnorderedListItem><Code>ControlRole.File</Code> Control is meant to be used with</UnorderedListItem>
            <UnorderedListItem><Code>ControlRole.Text</Code> Control is meant to be used with</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="CurrencySymbolPlacement">
        <Paragraph>Placement of the currency sign, relative to the number shown (as a prefix or a suffix).</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>CurrencySymbolPlacement.Prefix</Code> The symbol will be placed at the beginning of the number.</UnorderedListItem>
            <UnorderedListItem><Code>CurrencySymbolPlacement.Suffix</Code> The symbol will be placed at the end of the number.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Cursor">
        <Paragraph>Defines the mouse cursor.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Cursor.Default</Code> Default behaviour, nothing will be changed.</UnorderedListItem>
            <UnorderedListItem><Code>Cursor.Pointer</Code> The cursor is a pointer and indicates a link.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="DateInputMode">
        <Paragraph>Hints at the type of data that might be entered by the user while editing the</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>DateInputMode.Date</Code> Only date is allowed to be entered.</UnorderedListItem>
            <UnorderedListItem><Code>DateInputMode.DateTime</Code> Both date and time are allowed to be entered.</UnorderedListItem>
            <UnorderedListItem>
                <Code>DateInputMode.Month</Code> Allowed to select only year and month.

                Note that not all browser supports this mode, see
            </UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="DateInputSelectionMode">
        <Paragraph>Defines the mode in which the dates can be selected.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>DateInputSelectionMode.Single</Code> Only one date can be selected.</UnorderedListItem>
            <UnorderedListItem><Code>DateInputSelectionMode.Range</Code> Allowed to select a range of dates.</UnorderedListItem>
            <UnorderedListItem><Code>DateInputSelectionMode.Multiple</Code> Allowed to select multiple dates.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Direction">
        <Paragraph>Direction of an dropdown menu.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Direction.Default</Code> A default direction will be used, in most cases it is the same as Down.</UnorderedListItem>
            <UnorderedListItem><Code>Direction.Down</Code> Trigger dropdown menus bellow an element (default behaviour).</UnorderedListItem>
            <UnorderedListItem><Code>Direction.Up</Code> Trigger dropdown menus above an element.</UnorderedListItem>
            <UnorderedListItem><Code>Direction.Right</Code> Trigger dropdown menus to the right of an element.</UnorderedListItem>
            <UnorderedListItem><Code>Direction.Left</Code> Trigger dropdown menus to the left of an element.</UnorderedListItem>
            <UnorderedListItem><Code>Direction.End</Code> Trigger dropdown menus to the end of an element.</UnorderedListItem>
            <UnorderedListItem><Code>Direction.Start</Code> Trigger dropdown menus to the start of an element.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="DisplayDirection">
        <Paragraph>Defines direction of flex items in a flex container.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>DisplayDirection.Default</Code> Direction will not be applied.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayDirection.Row</Code> The flex container's main-axis is defined to be the same as the text direction. The main-start and main-end points are the same as the content direction.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayDirection.Column</Code> The flex container's main-axis is the same as the block-axis. The main-start and main-end points are the same as the before and after points of the writing-mode.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayDirection.ReverseRow</Code> Behaves the same as row but the main-start and main-end points are permuted.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayDirection.ReverseColumn</Code> Behaves the same as column but the main-start and main-end are permuted.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="DisplayHeadingSize">
        <Paragraph>Defines the display heading size.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>DisplayHeadingSize.Is1</Code> Represents the h1 size element.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayHeadingSize.Is2</Code> Represents the h2 size element.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayHeadingSize.Is3</Code> Represents the h3 size element.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayHeadingSize.Is4</Code> Represents the h4 size element.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="DisplayType">
        <Paragraph>The display property specifies the display behavior (the type of rendering box) of an element.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>DisplayType.Always</Code> Display will not be applied, meaning an element will be visible.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayType.None</Code> Hides an element.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayType.Block</Code> Displays an element as a block element.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayType.Inline</Code> Displays an element as an inline element.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayType.InlineBlock</Code> Displays an element as an inline-level block container.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayType.Flex</Code> Displays an element as a block-level flex container.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayType.InlineFlex</Code> Displays an element as an inline-level flex container.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayType.Table</Code> Let the element behave like a table element.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayType.TableRow</Code> Let the element behave like a tr element.</UnorderedListItem>
            <UnorderedListItem><Code>DisplayType.TableCell</Code> Let the element behave like a td element.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="DividerType">
        <Paragraph>Specifies horizontal line style variants.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>DividerType.Solid</Code> Horizontal line will be solid.</UnorderedListItem>
            <UnorderedListItem><Code>DividerType.Dashed</Code> Horizontal line will be dashed.</UnorderedListItem>
            <UnorderedListItem><Code>DividerType.Dotted</Code> Horizontal line will be dotted.</UnorderedListItem>
            <UnorderedListItem><Code>DividerType.TextContent</Code> Horizontal line be separated by text.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FigureSize">
        <Paragraph>Defines a figure size in pixels.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FigureSize.Default</Code> No sizing will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>FigureSize.Is16x16</Code> 16x16px</UnorderedListItem>
            <UnorderedListItem><Code>FigureSize.Is24x24</Code> 24x24px</UnorderedListItem>
            <UnorderedListItem><Code>FigureSize.Is32x32</Code> 32x32px</UnorderedListItem>
            <UnorderedListItem><Code>FigureSize.Is48x48</Code> 48x48px</UnorderedListItem>
            <UnorderedListItem><Code>FigureSize.Is64x64</Code> 64x64px</UnorderedListItem>
            <UnorderedListItem><Code>FigureSize.Is96x96</Code> 96x96px</UnorderedListItem>
            <UnorderedListItem><Code>FigureSize.Is128x128</Code> 128x128px</UnorderedListItem>
            <UnorderedListItem><Code>FigureSize.Is256x256</Code> 256x256px</UnorderedListItem>
            <UnorderedListItem><Code>FigureSize.Is512x512</Code> 512x512px</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FileInvalidReason">
        <Paragraph>Provides information about the invalid file.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FileInvalidReason.None</Code> File is Valid.</UnorderedListItem>
            <UnorderedListItem><Code>FileInvalidReason.MaxLengthExceeded</Code> File Max Lenght was exceeded.</UnorderedListItem>
            <UnorderedListItem><Code>FileInvalidReason.UnexpectedBufferChunkLength</Code> The length of the buffer was not as expected when reading the file into the buffer.</UnorderedListItem>
            <UnorderedListItem><Code>FileInvalidReason.TaskCancelled</Code> Task was cancelled.</UnorderedListItem>
            <UnorderedListItem><Code>FileInvalidReason.UnexpectedError</Code> Unexpected error, please see exception.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FlexAlignContent">
        <Paragraph>
            The align-content property aligns a flex container’s lines within the
            flex container when there is extra space in the cross-axis.
        </Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FlexAlignContent.Default</Code> Align-content will not be applied.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignContent.Start</Code> Lines are packed toward the start of the flex container.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignContent.End</Code> Lines are packed toward the end of the flex container.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignContent.Center</Code> Lines are packed toward the center of the flex container.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignContent.Between</Code> Lines are evenly distributed in the flex container.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignContent.Around</Code> Lines are evenly distributed in the flex container, with half-size spaces on either end.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignContent.Stretch</Code> Lines stretch to take up the remaining space.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FlexAlignItems">
        <Paragraph>Defines the default behavior for how flex items are laid out along the cross axis on the current line.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FlexAlignItems.Default</Code> Align-items will not be applied.</UnorderedListItem>
            <UnorderedListItem>
                <Code>FlexAlignItems.Start</Code> Items are placed at the start of the cross axis. The difference between these is subtle,
                and is about respecting the flex-direction rules or the writing-mode rules.
            </UnorderedListItem>
            <UnorderedListItem>
                <Code>FlexAlignItems.End</Code> Items are placed at the end of the cross axis. The difference again is subtle and is about
                respecting flex-direction rules vs. writing-mode rules.
            </UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignItems.Center</Code> Items are centered in the cross-axis.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignItems.Baseline</Code> Items are aligned such as their baselines align.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignItems.Stretch</Code> Stretch to fill the container (still respect min-width/max-width).</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FlexAlignSelf">
        <Paragraph>Allows the default alignment (or the one specified by align-items) to be overridden for individual flex items.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FlexAlignSelf.Default</Code> Align-self will not be applied.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignSelf.Auto</Code> Equals to the value specified in the align-items property for the flex container (it’s the default value).</UnorderedListItem>
            <UnorderedListItem>
                <Code>FlexAlignSelf.Start</Code> Items are placed at the start of the cross axis. The difference between these is subtle,
                and is about respecting the flex-direction rules or the writing-mode rules.
            </UnorderedListItem>
            <UnorderedListItem>
                <Code>FlexAlignSelf.End</Code> Items are placed at the end of the cross axis. The difference again is subtle and is about
                respecting flex-direction rules vs. writing-mode rules.
            </UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignSelf.Center</Code> Items are centered in the cross-axis.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignSelf.Baseline</Code> Items are aligned such as their baselines align.</UnorderedListItem>
            <UnorderedListItem><Code>FlexAlignSelf.Stretch</Code> Stretch to fill the container (still respect min-width/max-width).</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FlexDirection">
        <Paragraph>Defines direction of flex items in a flex container.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FlexDirection.Default</Code> Direction will not be applied.</UnorderedListItem>
            <UnorderedListItem><Code>FlexDirection.Row</Code> The flex container's main-axis is defined to be the same as the text direction. The main-start and main-end points are the same as the content direction.</UnorderedListItem>
            <UnorderedListItem><Code>FlexDirection.Column</Code> The flex container's main-axis is the same as the block-axis. The main-start and main-end points are the same as the before and after points of the writing-mode.</UnorderedListItem>
            <UnorderedListItem><Code>FlexDirection.ReverseRow</Code> Behaves the same as row but the main-start and main-end points are permuted.</UnorderedListItem>
            <UnorderedListItem><Code>FlexDirection.ReverseColumn</Code> Behaves the same as column but the main-start and main-end are permuted.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FlexGrowShrink">
        <Paragraph>The flex-grow property sets the flex grow factor to the provided</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FlexGrowShrink.Default</Code> No grow or shrink will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>FlexGrowShrink.Grow</Code> Grow rule will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>FlexGrowShrink.Shrink</Code> Shrink rule will be applied.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FlexGrowShrinkSize">
        <Paragraph>If all items have flex-grow set to 1, the remaining space in the container will be distributed equally to all children.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FlexGrowShrinkSize.Default</Code> No size will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>FlexGrowShrinkSize.Is0</Code> Element uses a default space.</UnorderedListItem>
            <UnorderedListItem><Code>FlexGrowShrinkSize.Is1</Code> Element uses all available space it can.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FlexJustifyContent">
        <Paragraph>Defines the alignment along the main axis.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FlexJustifyContent.Default</Code> Justify-content will not be applied.</UnorderedListItem>
            <UnorderedListItem><Code>FlexJustifyContent.Start</Code> Items are packed toward the start of the flex-direction.</UnorderedListItem>
            <UnorderedListItem><Code>FlexJustifyContent.End</Code> Items are packed toward the end of the flex-direction.</UnorderedListItem>
            <UnorderedListItem><Code>FlexJustifyContent.Center</Code> Items are centered along the line.</UnorderedListItem>
            <UnorderedListItem><Code>FlexJustifyContent.Between</Code> Items are evenly distributed in the line; first item is on the start line, last item on the end line.</UnorderedListItem>
            <UnorderedListItem>
                <Code>FlexJustifyContent.Around</Code> Items are evenly distributed in the line with equal space around them.
                Note that visually the spaces aren't equal, since all the items have equal space on both sides.
            </UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FlexOrder">
        <Paragraph>Controls the order in which items appear in the flex container.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FlexOrder.Default</Code> No order will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is0</Code> A default order.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is1</Code> An element will be shown as first item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is2</Code> An element will be shown as second item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is3</Code> An element will be shown as third item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is4</Code> An element will be shown as fourth item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is5</Code> An element will be shown as fifth item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is6</Code> An element will be shown as sixth item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is7</Code> An element will be shown as seventh item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is8</Code> An element will be shown as eight item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is9</Code> An element will be shown as ninth item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is10</Code> An element will be shown as tenth item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is11</Code> An element will be shown as eleventh item.</UnorderedListItem>
            <UnorderedListItem><Code>FlexOrder.Is12</Code> An element will be shown as twelveth item.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FlexType">
        <Paragraph>The flex types for the display property specifies the display behavior (the type of rendering box) of an element.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FlexType.Default</Code> Display will not be defined.</UnorderedListItem>
            <UnorderedListItem><Code>FlexType.Flex</Code> Displays an element as a block-level flex container.</UnorderedListItem>
            <UnorderedListItem><Code>FlexType.InlineFlex</Code> Displays an element as an inline-level flex container.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="FlexWrap">
        <Paragraph>Controls whether the flex container is single-line or multi-line.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>FlexWrap.Default</Code> No wrap will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>FlexWrap.Wrap</Code> Flex items will wrap onto multiple lines, from top to bottom.</UnorderedListItem>
            <UnorderedListItem><Code>FlexWrap.ReverseWrap</Code> Flex items will wrap onto multiple lines from bottom to top.</UnorderedListItem>
            <UnorderedListItem><Code>FlexWrap.NoWrap</Code> All flex items will be on one line.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Float">
        <Paragraph>Floats an element to the left or right, or disable floating.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Float.Default</Code> Don't float on all viewport sizes.</UnorderedListItem>
            <UnorderedListItem><Code>Float.Left</Code> Float left on all viewport sizes.</UnorderedListItem>
            <UnorderedListItem><Code>Float.Right</Code> Float right on all viewport sizes.</UnorderedListItem>
            <UnorderedListItem><Code>Float.Start</Code> Float start on all viewport sizes.</UnorderedListItem>
            <UnorderedListItem><Code>Float.End</Code> Float end on all viewport sizes.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="HeadingSize">
        <Paragraph>Defines the heading size.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>HeadingSize.Is1</Code> Represents the h1 size element.</UnorderedListItem>
            <UnorderedListItem><Code>HeadingSize.Is2</Code> Represents the h2 size element.</UnorderedListItem>
            <UnorderedListItem><Code>HeadingSize.Is3</Code> Represents the h3 size element.</UnorderedListItem>
            <UnorderedListItem><Code>HeadingSize.Is4</Code> Represents the h4 size element.</UnorderedListItem>
            <UnorderedListItem><Code>HeadingSize.Is5</Code> Represents the h5 size element.</UnorderedListItem>
            <UnorderedListItem><Code>HeadingSize.Is6</Code> Represents the h6 size element.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="IconSize">
        <Paragraph>Defines the size of an</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>IconSize.Default</Code> The icon size will not be applied.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.ExtraSmall</Code> The icon will be size 0.75em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.Small</Code> The icon will be size 0.875em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.Large</Code> The icon will be size 1.33em (Also applies vertical-align: -25%).</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x2</Code> The icon will be size 2em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x3</Code> The icon will be size 3em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x4</Code> The icon will be size 4em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x5</Code> The icon will be size 5em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x6</Code> The icon will be size 6em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x7</Code> The icon will be size 7em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x8</Code> The icon will be size 8em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x9</Code> The icon will be size 9em.</UnorderedListItem>
            <UnorderedListItem><Code>IconSize.x10</Code> The icon will be size 10em.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="IconStyle">
        <Paragraph>Represents a different look of the same icons.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>IconStyle.Solid</Code> Icon will be filled with single-color.</UnorderedListItem>
            <UnorderedListItem><Code>IconStyle.Regular</Code> Icon will be outlined with single-color.</UnorderedListItem>
            <UnorderedListItem><Code>IconStyle.Light</Code> Icon will be slightly lighter.</UnorderedListItem>
            <UnorderedListItem><Code>IconStyle.DuoTone</Code> Icon will be shown in two-color tones.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="InputMaskCaretPosition">
        <Paragraph>Positioning of the caret on click.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>InputMaskCaretPosition.None</Code> Nothing will happen.</UnorderedListItem>
            <UnorderedListItem><Code>InputMaskCaretPosition.LastValidPosition</Code> Based on the last valid position (default).</UnorderedListItem>
            <UnorderedListItem><Code>InputMaskCaretPosition.RadixFocus</Code> Position caret to radixpoint on initial click.</UnorderedListItem>
            <UnorderedListItem><Code>InputMaskCaretPosition.Select</Code> Select the whole input.</UnorderedListItem>
            <UnorderedListItem><Code>InputMaskCaretPosition.Ignore</Code> Ignore the click and continue the mask.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="JumbotronTitleSize">
        <Paragraph>Defines the jumbotron title size.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>JumbotronTitleSize.Is1</Code> Represents the h1 size element.</UnorderedListItem>
            <UnorderedListItem><Code>JumbotronTitleSize.Is2</Code> Represents the h2 size element.</UnorderedListItem>
            <UnorderedListItem><Code>JumbotronTitleSize.Is3</Code> Represents the h3 size element.</UnorderedListItem>
            <UnorderedListItem><Code>JumbotronTitleSize.Is4</Code> Represents the h4 size element.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="JustifyContent">
        <Paragraph>Aligns the flexible container's items when the items do not use all available space on the main-axis (horizontally).</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>JustifyContent.Default</Code> Sets this property to its default value.</UnorderedListItem>
            <UnorderedListItem><Code>JustifyContent.Start</Code> Items are positioned at the beginning of the container.</UnorderedListItem>
            <UnorderedListItem><Code>JustifyContent.End</Code> Items are positioned at the end of the container.</UnorderedListItem>
            <UnorderedListItem><Code>JustifyContent.Center</Code> Items are positioned at the center of the container.</UnorderedListItem>
            <UnorderedListItem><Code>JustifyContent.Between</Code> Items are positioned with space between the lines.</UnorderedListItem>
            <UnorderedListItem><Code>JustifyContent.Around</Code> Items are positioned with space before, between, and after the lines.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="LabelType">
        <Paragraph>Defines the styling of a label for the component it belongs to.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>LabelType.None</Code> No additional styling is applied.</UnorderedListItem>
            <UnorderedListItem><Code>LabelType.Check</Code> Style for check box will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>LabelType.Radio</Code> Style for radio will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>LabelType.Switch</Code> Style for switch will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>LabelType.File</Code> Style for file input will be applied.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="ListGroupMode">
        <Paragraph>Defines the</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>ListGroupMode.Static</Code> List group will act as a static list.</UnorderedListItem>
            <UnorderedListItem><Code>ListGroupMode.Selectable</Code> List group will act on clicking the items.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="MaskType">
        <Paragraph>Lists values that specify the type of mask used by an editor.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>MaskType.None</Code> Specifies that the mask feature is disabled.</UnorderedListItem>
            <UnorderedListItem><Code>MaskType.Numeric</Code> Specifies that the editor should accept numeric values and that the mask string must use the Numeric format syntax.</UnorderedListItem>
            <UnorderedListItem><Code>MaskType.DateTime</Code> Specifies that the editor should accept date/time values and that the mask string must use the DateTime format syntax.</UnorderedListItem>
            <UnorderedListItem><Code>MaskType.RegEx</Code> Specifies that the mask should be created using full-functional regular expressions.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Match">
        <Paragraph>Modifies the URL matching behavior for a link.</Paragraph>
        <UnorderedList>
            <UnorderedListItem>
                <Code>Match.Prefix</Code> Specifies that the link should be active when it matches any prefix
                of the current URL.
            </UnorderedListItem>
            <UnorderedListItem>
                <Code>Match.All</Code> Specifies that the link should be active when it matches the entire
                current URL.
            </UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="MessageType">
        <Paragraph>Defines the possible UI message types with predefined actions.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>MessageType.Info</Code> Shows the simple info message.</UnorderedListItem>
            <UnorderedListItem><Code>MessageType.Success</Code> Shows the success message.</UnorderedListItem>
            <UnorderedListItem><Code>MessageType.Warning</Code> Shows the warning message.</UnorderedListItem>
            <UnorderedListItem><Code>MessageType.Error</Code> Shows the error message.</UnorderedListItem>
            <UnorderedListItem><Code>MessageType.Confirmation</Code> Prompt the user with the confirmation dialog.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="ModalRenderMode">
        <Paragraph>Defines how the modal content will be rendered.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>ModalRenderMode.Default</Code> Always renders the modal html content to the DOM.</UnorderedListItem>
            <UnorderedListItem><Code>ModalRenderMode.LazyLoad</Code> Lazy loads modal, meaning the modal html content will only be rendered/loaded the first time it is visited.</UnorderedListItem>
            <UnorderedListItem><Code>ModalRenderMode.LazyReload</Code> Lazy loads modal everytime, meaning the modal html content will have it's html re-rendered to the DOM everytime.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="ModalSize">
        <Paragraph>Changes the size of the modal.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>ModalSize.Default</Code> Default modal size.</UnorderedListItem>
            <UnorderedListItem><Code>ModalSize.Small</Code> Small modal.</UnorderedListItem>
            <UnorderedListItem><Code>ModalSize.Large</Code> Large modal.</UnorderedListItem>
            <UnorderedListItem><Code>ModalSize.ExtraLarge</Code> Extra large modal.</UnorderedListItem>
            <UnorderedListItem><Code>ModalSize.Fullscreen</Code> Defines the modal that covers the user viewport.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="MouseButton">
        <Paragraph>Defines values that specify the buttons on a mouse device.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>MouseButton.Left</Code> The left mouse button.</UnorderedListItem>
            <UnorderedListItem><Code>MouseButton.Middle</Code> The middle mouse button.</UnorderedListItem>
            <UnorderedListItem><Code>MouseButton.Right</Code> The right mouse button.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="NotificationLocation">
        <Paragraph>Defines the notification location.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>NotificationLocation.Center</Code> Default behavior, shows the notification on the center.</UnorderedListItem>
            <UnorderedListItem><Code>NotificationLocation.Left</Code> Show the notification on the left side of the screen.</UnorderedListItem>
            <UnorderedListItem><Code>NotificationLocation.Right</Code> Show the notification on the right side of the screen.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="NotificationType">
        <Paragraph>Defines the possible UI notification types with predefined actions.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>NotificationType.Info</Code> Shows the simple info message.</UnorderedListItem>
            <UnorderedListItem><Code>NotificationType.Success</Code> Shows the success message.</UnorderedListItem>
            <UnorderedListItem><Code>NotificationType.Warning</Code> Shows the warning message.</UnorderedListItem>
            <UnorderedListItem><Code>NotificationType.Error</Code> Shows the error message.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="NumericAllowDecimalPadding">
        <Paragraph>Defines if the decimal places should be padded with zeroes.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>NumericAllowDecimalPadding.Always</Code> Always pad decimals with zeros (ie. '12.3400').</UnorderedListItem>
            <UnorderedListItem><Code>NumericAllowDecimalPadding.Never</Code> Never pad with zeros (ie. '12.34').</UnorderedListItem>
            <UnorderedListItem><Code>NumericAllowDecimalPadding.Floats</Code> Pad with zeroes only when there are decimals (ie. '12' and '12.3400').</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="NumericRoundingMethod">
        <Paragraph>Defines the rounding method to use.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>NumericRoundingMethod.HalfUpSymmetric</Code> Round-Half-Up Symmetric (default).</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.HalfUpAsymmetric</Code> Round-Half-Up Asymmetric.</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.HalfDownSymmetric</Code> Round-Half-Down Symmetric.</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.HalfDownAsymmetric</Code> Round-Half-Down Asymmetric.</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.HalfEvenBankersRounding</Code> Round-Half-Even "Bankers Rounding".</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.UpRoundAwayFromZero</Code> Round Up "Round-Away-From-Zero".</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.DownRoundTowardZero</Code> Round Down "Round-Toward-Zero" - same as truncate.</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.ToCeilingTowardPositiveInfinity</Code> Round to Ceiling "Toward Positive Infinity".</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.ToFloorTowardNegativeInfinity</Code> Round to Floor "Toward Negative Infinity".</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.ToNearest05</Code> Rounds to the nearest .05 =&gt; same as</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.ToNearest05Alt</Code> Rounds up to next .05.</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.UpToNext05</Code> Rounds up to next .05.</UnorderedListItem>
            <UnorderedListItem><Code>NumericRoundingMethod.DownToNext05</Code> Rounds down to next .05.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="OrderedListType">
        <Paragraph>Defines the type of the list item marker.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>OrderedListType.Default</Code> The list items will be numbered with numbers (default).</UnorderedListItem>
            <UnorderedListItem><Code>OrderedListType.LowerAlpha</Code> The list items will be numbered with lowercase letters.</UnorderedListItem>
            <UnorderedListItem><Code>OrderedListType.LowerRoman</Code> The list items will be numbered with lowercase roman numbers.</UnorderedListItem>
            <UnorderedListItem><Code>OrderedListType.UpperAlpha</Code> The list items will be numbered with uppercase letters.</UnorderedListItem>
            <UnorderedListItem><Code>OrderedListType.UpperRoman</Code> The list items will be numbered with uppercase roman numbers.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Orientation">
        <Paragraph>Defines the orientation of the elements.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Orientation.Horizontal</Code> Elements will be stacked horizontally.</UnorderedListItem>
            <UnorderedListItem><Code>Orientation.Vertical</Code> Elements will be stacked vertically.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="OverflowType">
        <Paragraph>The overflow property controls what happens to content that is too big to fit into an area.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>OverflowType.Default</Code> No overflow will be applied</UnorderedListItem>
            <UnorderedListItem><Code>OverflowType.Visible</Code> The overflow is not clipped. The content renders outside the element's box.</UnorderedListItem>
            <UnorderedListItem><Code>OverflowType.Hidden</Code> The overflow is clipped, and the rest of the content will be invisible.</UnorderedListItem>
            <UnorderedListItem><Code>OverflowType.Scroll</Code> The overflow is clipped, and a scrollbar is added to see the rest of the content.</UnorderedListItem>
            <UnorderedListItem><Code>OverflowType.Auto</Code> Similar to scroll, but it adds scrollbars only when necessary.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Placement">
        <Paragraph>Defines the placement of an element.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Placement.Top</Code> Top side.</UnorderedListItem>
            <UnorderedListItem><Code>Placement.Bottom</Code> Bottom side.</UnorderedListItem>
            <UnorderedListItem><Code>Placement.Left</Code> Left side.</UnorderedListItem>
            <UnorderedListItem><Code>Placement.Right</Code> Right side.</UnorderedListItem>
            <UnorderedListItem><Code>Placement.Start</Code> Start side.</UnorderedListItem>
            <UnorderedListItem><Code>Placement.End</Code> End side.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="PositionEdgeType">
        <Paragraph>Defines the type of position edge type.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>PositionEdgeType.Default</Code> Edge type will not be applied.</UnorderedListItem>
            <UnorderedListItem><Code>PositionEdgeType.Top</Code> For the vertical top position.</UnorderedListItem>
            <UnorderedListItem><Code>PositionEdgeType.Start</Code> For the horizontal start position.</UnorderedListItem>
            <UnorderedListItem><Code>PositionEdgeType.Bottom</Code> For the vertical bottom position.</UnorderedListItem>
            <UnorderedListItem><Code>PositionEdgeType.End</Code> For the horizontal end position.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="PositionTranslateType">
        <Paragraph>Defines the element translation based on its center.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>PositionTranslateType.None</Code> Translation will not be applied to an element.</UnorderedListItem>
            <UnorderedListItem><Code>PositionTranslateType.Middle</Code> Translate on both X and Y coordinates.</UnorderedListItem>
            <UnorderedListItem><Code>PositionTranslateType.MiddleX</Code> Translate on X coordinate.</UnorderedListItem>
            <UnorderedListItem><Code>PositionTranslateType.MiddleY</Code> Translate on Y coordinate.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="PositionType">
        <Paragraph>Type of positions allowed for the fluent position builder.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>PositionType.Default</Code> Position will not be applied to an element.</UnorderedListItem>
            <UnorderedListItem><Code>PositionType.Static</Code> An element is not positioned in any special way; it is always positioned according to the normal flow of the page.</UnorderedListItem>
            <UnorderedListItem><Code>PositionType.Relative</Code> An element is positioned relative to its normal position.</UnorderedListItem>
            <UnorderedListItem>
                <Code>PositionType.Absolute</Code> An element is positioned relative to the nearest positioned ancestor (instead of positioned relative to the
                viewport, like fixed).
            </UnorderedListItem>
            <UnorderedListItem>
                <Code>PositionType.Fixed</Code> An element is positioned relative to the viewport, which means it always stays in the
                same place even if the page is scrolled. The top, right, bottom, and left properties are used to position the element.
            </UnorderedListItem>
            <UnorderedListItem><Code>PositionType.Sticky</Code> An element is positioned based on the user's scroll position.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="RowColumnsSize">
        <Paragraph>Defines the number of columns to show in a row.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>RowColumnsSize.Default</Code> Nothing will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>RowColumnsSize.Are1</Code> One column per row.</UnorderedListItem>
            <UnorderedListItem><Code>RowColumnsSize.Are2</Code> Two columns per row.</UnorderedListItem>
            <UnorderedListItem><Code>RowColumnsSize.Are3</Code> Three columns per row.</UnorderedListItem>
            <UnorderedListItem><Code>RowColumnsSize.Are4</Code> Four columns per row.</UnorderedListItem>
            <UnorderedListItem><Code>RowColumnsSize.Are5</Code> Five columns per row.</UnorderedListItem>
            <UnorderedListItem><Code>RowColumnsSize.Are6</Code> Six columns per row.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Screenreader">
        <Paragraph>Screen reader visibility.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Screenreader.Always</Code> Default.</UnorderedListItem>
            <UnorderedListItem><Code>Screenreader.Only</Code> Hide an element to all devices except screen readers.</UnorderedListItem>
            <UnorderedListItem><Code>Screenreader.OnlyFocusable</Code> Show the element again when it’s focused.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Shadow">
        <Paragraph>Add or remove shadows to elements with box-shadow utilities.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Shadow.None</Code> Shadow will not be applied.</UnorderedListItem>
            <UnorderedListItem><Code>Shadow.Remove</Code> Disables any shadow on the element.</UnorderedListItem>
            <UnorderedListItem><Code>Shadow.Default</Code> Regular shadow.</UnorderedListItem>
            <UnorderedListItem><Code>Shadow.Small</Code> Small shadow.</UnorderedListItem>
            <UnorderedListItem><Code>Shadow.Large</Code> Larger shadow.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Side">
        <Paragraph>Defines the side on which to apply the spacing.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Side.None</Code> No side.</UnorderedListItem>
            <UnorderedListItem><Code>Side.Top</Code> Top side.</UnorderedListItem>
            <UnorderedListItem><Code>Side.Bottom</Code> Bottom side.</UnorderedListItem>
            <UnorderedListItem><Code>Side.Left</Code> Left side.</UnorderedListItem>
            <UnorderedListItem><Code>Side.Right</Code> Right side.</UnorderedListItem>
            <UnorderedListItem><Code>Side.Start</Code> Start side.</UnorderedListItem>
            <UnorderedListItem><Code>Side.End</Code> End side.</UnorderedListItem>
            <UnorderedListItem><Code>Side.X</Code> Left and right side.</UnorderedListItem>
            <UnorderedListItem><Code>Side.Y</Code> Top and bottom side.</UnorderedListItem>
            <UnorderedListItem><Code>Side.All</Code> All 4 sides of the element.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Size">
        <Paragraph>Defines an element size.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Size.Default</Code> Don't resize an element.</UnorderedListItem>
            <UnorderedListItem><Code>Size.ExtraSmall</Code> Makes an element extra small size.</UnorderedListItem>
            <UnorderedListItem><Code>Size.Small</Code> Makes an element small size.</UnorderedListItem>
            <UnorderedListItem><Code>Size.Medium</Code> Makes an element medium size.</UnorderedListItem>
            <UnorderedListItem><Code>Size.Large</Code> Makes an element large.</UnorderedListItem>
            <UnorderedListItem><Code>Size.ExtraLarge</Code> Makes an element extra large.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="SizingSize">
        <Paragraph>Predefined list of element sizes.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>SizingSize.Default</Code> No size will be defined.</UnorderedListItem>
            <UnorderedListItem><Code>SizingSize.Is25</Code> An element will occupy 25% of its parent space.</UnorderedListItem>
            <UnorderedListItem><Code>SizingSize.Is50</Code> An element will occupy 50% of its parent space.</UnorderedListItem>
            <UnorderedListItem><Code>SizingSize.Is75</Code> An element will occupy 75% of its parent space.</UnorderedListItem>
            <UnorderedListItem><Code>SizingSize.Is100</Code> An element will occupy 100% of its parent space.</UnorderedListItem>
            <UnorderedListItem><Code>SizingSize.Auto</Code> The browser calculates the size.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="SizingType">
        <Paragraph>Defines the sizing types.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>SizingType.None</Code> No sizing will be defined.</UnorderedListItem>
            <UnorderedListItem><Code>SizingType.Width</Code> Sizing will be defined for the element width attribute(s).</UnorderedListItem>
            <UnorderedListItem><Code>SizingType.Height</Code> Sizing will be defined for the element height attribute(s).</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="SortDirection">
        <Paragraph>Specifies the direction of a sort operation.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>SortDirection.Default</Code> No sorting will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>SortDirection.Ascending</Code> Sorts in ascending order.</UnorderedListItem>
            <UnorderedListItem><Code>SortDirection.Descending</Code> Sorts in descending order.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Spacing">
        <Paragraph>Defines the spacing property.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Spacing.None</Code> No spacing will be used.</UnorderedListItem>
            <UnorderedListItem><Code>Spacing.Margin</Code> Use the margin spacing.</UnorderedListItem>
            <UnorderedListItem><Code>Spacing.Padding</Code> Use the padding spacing.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="SpacingSize">
        <Paragraph>Defines all supported spacing(margin and padding) sizes.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>SpacingSize.Is0</Code> For classes that eliminate the margin or padding by setting it to 0.</UnorderedListItem>
            <UnorderedListItem><Code>SpacingSize.Is1</Code> (by default) for classes that set the margin or padding to $spacer * .25</UnorderedListItem>
            <UnorderedListItem><Code>SpacingSize.Is2</Code> (by default) for classes that set the margin or padding to $spacer * .5</UnorderedListItem>
            <UnorderedListItem><Code>SpacingSize.Is3</Code> (by default) for classes that set the margin or padding to $spacer</UnorderedListItem>
            <UnorderedListItem><Code>SpacingSize.Is4</Code> (by default) for classes that set the margin or padding to $spacer * 1.5</UnorderedListItem>
            <UnorderedListItem><Code>SpacingSize.Is5</Code> (by default) for classes that set the margin or padding to $spacer * 3</UnorderedListItem>
            <UnorderedListItem><Code>SpacingSize.IsAuto</Code> For classes that set the margin to auto.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TableResizeMode">
        <Paragraph>Defines the resize mode of the Table's columns.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TableResizeMode.Header</Code> The Table can only be resized from the columns header.</UnorderedListItem>
            <UnorderedListItem><Code>TableResizeMode.Columns</Code> The Table can be resized from the entire column area.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TabPosition">
        <Paragraph>Defines the placement of a tab items.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TabPosition.Top</Code> Top side.</UnorderedListItem>
            <UnorderedListItem><Code>TabPosition.Bottom</Code> Bottom side.</UnorderedListItem>
            <UnorderedListItem><Code>TabPosition.Left</Code> Left side.</UnorderedListItem>
            <UnorderedListItem><Code>TabPosition.Right</Code> Right side.</UnorderedListItem>
            <UnorderedListItem><Code>TabPosition.Start</Code> Start side.</UnorderedListItem>
            <UnorderedListItem><Code>TabPosition.End</Code> End side.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TabsRenderMode">
        <Paragraph>Defines the Tabs Mode.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TabsRenderMode.Default</Code> Always renders the tabs html content to the DOM.</UnorderedListItem>
            <UnorderedListItem><Code>TabsRenderMode.LazyLoad</Code> Lazy loads tabs, meaning each tab will only be rendered/loaded the first time it is visited.</UnorderedListItem>
            <UnorderedListItem><Code>TabsRenderMode.LazyReload</Code> Lazy loads tabs everytime, meaning only the active tab will have it's html rendered to the DOM.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Target">
        <Paragraph>The target attribute specifies where to open the linked document.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Target.Default</Code> No target will be applied. Usually this is the same as</UnorderedListItem>
            <UnorderedListItem><Code>Target.Self</Code> Opens the linked document in the same frame as it was clicked (this is default).</UnorderedListItem>
            <UnorderedListItem><Code>Target.Blank</Code> Opens the linked document in a new window or tab.</UnorderedListItem>
            <UnorderedListItem><Code>Target.Parent</Code> Opens the linked document in the parent frame.</UnorderedListItem>
            <UnorderedListItem><Code>Target.Top</Code> Opens the linked document in the full body of the window.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TextAlignment">
        <Paragraph>Defines the text alignment.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TextAlignment.Default</Code> No alignment will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>TextAlignment.Left</Code> Aligns the text to the left.</UnorderedListItem>
            <UnorderedListItem><Code>TextAlignment.Right</Code> Aligns the text to the right.</UnorderedListItem>
            <UnorderedListItem><Code>TextAlignment.Start</Code> Aligns the text to the start.</UnorderedListItem>
            <UnorderedListItem><Code>TextAlignment.End</Code> Aligns the text to the end.</UnorderedListItem>
            <UnorderedListItem><Code>TextAlignment.Center</Code> Centers the text.</UnorderedListItem>
            <UnorderedListItem><Code>TextAlignment.Justified</Code> Stretches the lines so that each line has equal width.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TextColor">
        <Paragraph>Predefined set of contextual text colors.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TextColor.Default</Code> No color will be applied to an element.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Primary</Code> Primary color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Secondary</Code> Secondary color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Success</Code> Success color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Danger</Code> Danger color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Warning</Code> Warning color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Info</Code> Info color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Light</Code> Light color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Dark</Code> Dark color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Body</Code> Body color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Muted</Code> Muted color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.White</Code> White color.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.Black50</Code> Black text with 50% opacity on white background.</UnorderedListItem>
            <UnorderedListItem><Code>TextColor.White50</Code> White text with 50% opacity on black background.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TextInputMode">
        <Paragraph>Specifies what kind of input mechanism would be most helpful for users entering content.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TextInputMode.None</Code> The user agent should not display a virtual keyboard. This keyword is useful for content that renders its own keyboard control.</UnorderedListItem>
            <UnorderedListItem><Code>TextInputMode.Text</Code> The user agent should display a virtual keyboard capable of text input in the user's locale.</UnorderedListItem>
            <UnorderedListItem><Code>TextInputMode.Tel</Code> The user agent should display a virtual keyboard capable of telephone number input. This should including keys for the digits 0 to 9, the "#" character, and the "*" character. In some locales, this can also include alphabetic mnemonic labels (e.g., in the US, the key labeled "2" is historically also labeled with the letters A, B, and C).</UnorderedListItem>
            <UnorderedListItem><Code>TextInputMode.Url</Code> The user agent should display a virtual keyboard capable of text input in the user's locale, with keys for aiding in the input of URLs, such as that for the "/" and "." characters and for quick input of strings commonly found in domain names such as "www." or ".com".</UnorderedListItem>
            <UnorderedListItem><Code>TextInputMode.Email</Code> The user agent should display a virtual keyboard capable of text input in the user's locale, with keys for aiding in the input of e-mail addresses, such as that for the "@@" character and the "." character.</UnorderedListItem>
            <UnorderedListItem><Code>TextInputMode.Numeric</Code> The user agent should display a virtual keyboard capable of numeric input. This keyword is useful for PIN entry.</UnorderedListItem>
            <UnorderedListItem><Code>TextInputMode.Decimal</Code> The user agent should display a virtual keyboard capable of fractional numeric input. Numeric keys and the format separator for the locale should be shown.</UnorderedListItem>
            <UnorderedListItem><Code>TextInputMode.Search</Code> The user agent should display a virtual keyboard optimized for search.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TextOverflow">
        <Paragraph>Determines how the text will behave when it is larger than a parent container.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TextOverflow.Default</Code> No overflow will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>TextOverflow.Wrap</Code> Text will wrap into a new line when it reaches the end of container.</UnorderedListItem>
            <UnorderedListItem><Code>TextOverflow.NoWrap</Code> Prevents text from wrapping.</UnorderedListItem>
            <UnorderedListItem><Code>TextOverflow.Truncate</Code> Truncate the text with an ellipsis.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TextRole">
        <Paragraph>Defines the behaviour of the text input.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TextRole.Text</Code> Defines a default text input field.</UnorderedListItem>
            <UnorderedListItem><Code>TextRole.Email</Code> Used for input fields that should contain an e-mail address.</UnorderedListItem>
            <UnorderedListItem><Code>TextRole.Password</Code> Defines a password field.</UnorderedListItem>
            <UnorderedListItem><Code>TextRole.Url</Code> Used for input fields that should contain a URL address.</UnorderedListItem>
            <UnorderedListItem><Code>TextRole.Search</Code> Define a search field (like a site search, or Google search).</UnorderedListItem>
            <UnorderedListItem><Code>TextRole.Telephone</Code> Define a field for entering a telephone number.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TextTransform">
        <Paragraph>Defines the text transformation.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TextTransform.Default</Code> No capitalization. The text renders as it is. This is default.</UnorderedListItem>
            <UnorderedListItem><Code>TextTransform.Lowercase</Code> Transforms all characters to lowercase.</UnorderedListItem>
            <UnorderedListItem><Code>TextTransform.Uppercase</Code> Transforms all characters to uppercase.</UnorderedListItem>
            <UnorderedListItem><Code>TextTransform.Capitalize</Code> Transforms the first character of each word to uppercase.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TextWeight">
        <Paragraph>Defines the text weight.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TextWeight.Default</Code> No weight will be applied.</UnorderedListItem>
            <UnorderedListItem><Code>TextWeight.Normal</Code> Defines normal characters. This is default.</UnorderedListItem>
            <UnorderedListItem><Code>TextWeight.Bold</Code> Defines thick characters.</UnorderedListItem>
            <UnorderedListItem><Code>TextWeight.Light</Code> Defines lighter characters.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="ThemeContrast">
        <Paragraph>Adjusts the theme contrast.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>ThemeContrast.None</Code> Undefined.</UnorderedListItem>
            <UnorderedListItem><Code>ThemeContrast.Light</Code> Adjusts the theme for a light colors.</UnorderedListItem>
            <UnorderedListItem><Code>ThemeContrast.Dark</Code> Adjusts the theme for a dark colors.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TooltipPlacement">
        <Paragraph>Defines the placement of an element.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TooltipPlacement.Top</Code> Top-center side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.TopStart</Code> Top-left side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.TopEnd</Code> Top-right side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.Bottom</Code> Bottom-center side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.BottomStart</Code> Bottom-left side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.BottomEnd</Code> Bottom-right side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.Left</Code> Left-center side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.LeftStart</Code> Left-top side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.LeftEnd</Code> Left-bottom side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.Right</Code> Right-center side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.RightStart</Code> Right-top side.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipPlacement.RightEnd</Code> Right-bottom side.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="TooltipTrigger">
        <Paragraph>Determines the events that cause the tooltip to show.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>TooltipTrigger.MouseEnterFocus</Code> Tooltip will show on mouse enter and focus event (default option).</UnorderedListItem>
            <UnorderedListItem><Code>TooltipTrigger.Click</Code> Tooltip will show on click event only.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipTrigger.Focus</Code> Tooltip will show on focus event only.</UnorderedListItem>
            <UnorderedListItem><Code>TooltipTrigger.MouseEnterClick</Code> Tooltip will show on mouse enter and click event.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="ValidationMode">
        <Paragraph>Defines the validation execution mode.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>ValidationMode.Auto</Code> Validation will execute on every input change.</UnorderedListItem>
            <UnorderedListItem><Code>ValidationMode.Manual</Code> Validation will run only when explicitly called.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="ValidationStatus">
        <Paragraph>Defines the validation results.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>ValidationStatus.None</Code> No validation.</UnorderedListItem>
            <UnorderedListItem><Code>ValidationStatus.Success</Code> Validation has passed the check.</UnorderedListItem>
            <UnorderedListItem><Code>ValidationStatus.Error</Code> Validation has failed.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="VerticalAlignment">
        <Paragraph>Used to change the vertical alignment of inline, inline-block, inline-table, and table cell elements.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>VerticalAlignment.Default</Code> Alignment will not be set.</UnorderedListItem>
            <UnorderedListItem><Code>VerticalAlignment.Baseline</Code> Aligns the baseline of the element with the baseline of its parent.</UnorderedListItem>
            <UnorderedListItem><Code>VerticalAlignment.Top</Code> Aligns the top of the element and its descendants with the top of the entire line.</UnorderedListItem>
            <UnorderedListItem><Code>VerticalAlignment.Middle</Code> Centers the padding box of the cell within the row.</UnorderedListItem>
            <UnorderedListItem><Code>VerticalAlignment.Bottom</Code> Aligns the bottom of the element and its descendants with the bottom of the entire line.</UnorderedListItem>
            <UnorderedListItem><Code>VerticalAlignment.TextTop</Code> Aligns the top of the element with the top of the parent element's font.</UnorderedListItem>
            <UnorderedListItem><Code>VerticalAlignment.TextBottom</Code> Aligns the bottom of the element with the bottom of the parent element's font.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="Visibility">
        <Paragraph>Control the visibility, without modifying the display, of elements with visibility utilities.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>Visibility.Default</Code> No visibility will be applied to an element.</UnorderedListItem>
            <UnorderedListItem><Code>Visibility.Visible</Code> Default value. The element is visible</UnorderedListItem>
            <UnorderedListItem><Code>Visibility.Invisible</Code> The element is hidden (but still takes up space)</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>


